<!DOCTYPE html>

<html>
<style>
	.help_content img{width:100%} 
</style>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>首页</title>
		<link href="__INDEX__/css/mui.min.css" rel="stylesheet" />
		<link href="__INDEX__/css/Phoebe.css" rel="stylesheet" />
		<link href="__INDEX__/css/all.css" rel="stylesheet" />
		<link href="http://at.alicdn.com/t/font_r4hllapx8ijdobt9.css" rel="stylesheet" />
		<link href="__INDEX__/css/index.css" rel="stylesheet" />
		<script type="text/javascript" src="__INDEX__/js/jquery-1.11.3.js"></script>
		<script src="__INDEX__/js/mui.min.js"></script>
	</head>

	<body>

		<!--顶部导航-->
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">万企祥众联</h1>
		</header>
		<div class="mui-content">
			<!--轮播-->
			<div id="slider" class="mui-slider">
				<div class="mui-slider-group mui-slider-loop" style="transform: translate3d(-414px, 0px, 0px) translateZ(0px); transition-duration: 0ms; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);">
					<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="javascript:;">
							<img src="__INDEX__/images/timg.jpg">
						</a>
					</div>
					{volist name="ab_list" id="vo"}
						<div class="mui-slider-item mui-active">
							<a href="javascript:;">
								<img src="{$vo.thumb}">
							</a>
						</div>
					{/volist}
					<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="javascript:;">
							<img src="__INDEX__/images/timg.jpg">
						</a>
					</div>
				</div>
				<div class="mui-slider-indicator">
					<div class="mui-indicator mui-active"></div>
					<div class="mui-indicator"></div>
				</div>
			</div>
			<!--流程-->
			<div class="my-flow">
				<ul>
					<li>
						<a href="{:url('index/stock')}">
							<span></span>
							<span>交易市场</span>
						</a>
					</li>
					<li>
						<a href="{:url('index/buy')}">
							<span></span>
							<span>买入</span>
						</a>
					</li>
					<li>
						<a href="{:url('index/sell')}">
							<span></span>
							<span>卖出</span>
						</a>
					</li>
					<li>
						<a href="{:url('member/subscribe')}">
							<span></span>
							<span>申购</span>
						</a>
					</li>
				</ul>
			</div>
			<!--产品曲线图-->
		</div>
		<div id="main" style="height:260px; width: 100%; margin-top: 10px;"></div>
		<hr style="margin-top: 30px;">
		<div style="text-align: center;" class="help_content" id='help_content'>
			{$help_info['content']}
		</div>
		<script src="/public/static/js/echarts.common.min.js"></script>
	<script>
	var myChart = echarts.init(document.getElementById('main'));
var v={$data};
option = {

    tooltip: {
        trigger: 'axis'
    },
    legend: {
        data:['价格走势']
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    toolbox: {
        feature: {
            saveAsImage: {}
        }
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data:v.times
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
            name:'价格走势',
            type:'line',
            stack: '成交价',
            data:v.prices
        },
	    ]
};
	    myChart.setOption(option);
</script>
	<nav class="mui-bar mui-bar-tab" id="footer-list">
			<a class="mui-tab-item mui-active" href="{:url('index/index')}">
				<span class="mui-icon iconfont icon-shouye"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item" href="{:url('index/market')}">
				<span class="mui-icon iconfont icon-heilongjiangtubiao09"></span>
				<span class="mui-tab-label">市场</span>
			</a>
			<a class="mui-tab-item" href="{:url('index/ck')}">
				<span class="mui-icon iconfont icon-cangku1"></span>
				<span class="mui-tab-label">持仓</span>
			</a>
			<a class="mui-tab-item " href="{:url('member/index')}">
				<span class="mui-icon iconfont icon-wode1"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
	</body>

	<script type="text/javascript">
		mui.init();
		var aniShow = "pop-in";
		//页面跳转
		mui('#footer-list').on('tap', 'a', function() {
			var id = this.getAttribute('href');
			var href = this.href;
			mui.openWindow({
				id: id,
				url: this.href,
				show: {
					aniShow: aniShow
				},
				waiting: {
					autoShow: false
				}
			});
		});
	</script>

</html>
